import "./ConfirmModal.css";
import Card from "../Card/Card";
import Mask from "../Mask/Mask";

const ConfirmModal = (props) => {
  return (
    <div>
      <Mask>
        <Card className="confirmModal">
          <div className="confirmText">
            <p>{props.msg}</p>
          </div>
          <div className="confirmButton">
            <button className="okButton" onClick={props.onOK}>
              确认
            </button>
            <button onClick={props.onCancel}>取消</button>
          </div>
        </Card>
      </Mask>
    </div>
  );
};

export default ConfirmModal;
